@charset "UTF-8";
:root {
  --bPageBgColor: #f5f5f5;
  /* 页面背景颜色 */
  --bTextColor: #000;
  /* 文字颜色 */
  --bBgColor: var(--el-bg-color);
  /* 元素背景颜色 */
  --bBorderColor: var(--el-input-border-color);
  /* 元素边框颜色 */
  --bDialogBgColor: var(--el-dialog-bg-color);
  /* 对话框背景颜色 */
  --bReadContentColor: #333;
  /* 阅读内容文字颜色 */
  --bReadContentBgColor: #fff;
  /* 阅读内容背景颜色 */
  /* 单页面使用 */
  --roleHeaderBgColor: #f1f1f1;
  /* 角色标题背景颜色 */
  --selectRowBgColor: #e8f4ff;
  /* 选中行背景颜色 */
  --el-menu-hover-bg-color: var(--bHoverColor);
  /* 鼠标悬浮效果 */
  --bHoverColor: #409eff;
}

html.dark {
  --bPageBgColor: #363636;
  /* 暗模式下的页面背景颜色 */
  --bTextColor: #fff;
  /* 暗模式下的文字颜色 */
  --bReadContentColor: #fff;
  /* 暗模式下的阅读内容文字颜色 */
  --bReadContentBgColor: #333;
  /* 暗模式下的阅读内容背景颜色 */
  /* 单页面使用 */
  --roleHeaderBgColor: #0e0e0e;
  /* 暗模式下的角色标题背景颜色 */
  --selectRowBgColor: #414243;
  /* 暗模式下的选中行背景颜色 */
  --bHoverColor: #409eff;
}
